#container {
    max-width: 100%;
    overflow: hidden;
}

#header-pc-box {
    box-sizing: border-box;
    padding: 0 254px 0 126px;
    height: 98px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
}

#header-pc-box .box-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#header-pc-box .box-content .con-logo {
    max-width: 261px;
    box-sizing: border-box;
    height: 58px;
}

#header-pc-box .box-content .con-logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#header-pc-box .box-content .con-nav {
    float: left;
    box-sizing: border-box;
    width: calc(100% - 336px);
    height: 35px;
    padding: 0 96px 0 169px;
}

#header-pc-box .box-content .con-nav .nav-one-ul {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li {
    position: relative;
    height: 98px;
    box-sizing: border-box;
    padding: 31px 0 32px;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li .one-li-a {
    display: block;
    line-height: 35px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    text-align: center;
    width: 100px;
    box-sizing: border-box;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li-act .one-li-a {
    background: url(../image/nav-bg.png) no-repeat center center;
    background-size: 100% 35px;
    color: #fff;
}

#header-pc-box .box-content .con-language {
    box-sizing: border-box;
    height: 35px;
}


#header-pc-box .box-content .con-language span {
    display: block;
    float: left;
    line-height: 35px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    opacity: 1;
    padding: 0 6px;
    cursor: pointer;
    box-sizing: border-box;
}

#header-pc-box .box-content .con-language a {
    display: block;
    float: left;
    line-height: 35px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    opacity: 1;
    padding: 0 6px;
    cursor: pointer;
    box-sizing: border-box;
}

#header-pc-box .box-content .con-language .line {
    font-size: 10px;
    padding: 0;
}

#footer-pc-box {
    width: 100%;
    height: 326px;
    background: url(../image/footer-bg.png) no-repeat center center;
    background-size: 100% 326px;
}

#footer-pc-box .box-content {
    width: 1400px;
    margin: 0 auto;
    height: 100%;
}

#footer-pc-box .box-content .content-top {
    border-bottom: 1px solid #4A4A4A;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 84px 0 0;
    height: 271px;
}

#footer-pc-box .box-content .content-top .top-left {
    box-sizing: border-box;
    padding-top: 18px;
    width: calc(100% - 346px);
    display: flex;
    justify-content: space-between;
}

#footer-pc-box .box-content .content-top .top-left .left-center {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 100px);
    box-sizing: border-box;
    margin: 0 64px;
}

#footer-pc-box .box-content .content-top .top-left .left-center .line {
    width: 1px;
    height: 46px;
    background: #4A4A4A;
}

#footer-pc-box .box-content .content-top .top-left .left-center .center-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 32%;
}

#footer-pc-box .box-content .content-top .top-left .left-center .center-item .item-top {
    box-sizing: border-box;
    padding-left: 30px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 26px;
    color: #FFFFFF;
    opacity: 1;
    margin-bottom: 14px;
}

#footer-pc-box .box-content .content-top .top-left .left-center .center-item .item-bot {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}


#footer-pc-box .box-content .content-top .top-left .left-center .center-item .ads {
    background: url(../image/ads-icon.png) no-repeat left center;
    background-size: 20px 20px;
}

#footer-pc-box .box-content .content-top .top-left .left-center .center-item .tel1 {
    background: url(../image/tel-icon.png) no-repeat left center;
    background-size: 20px 20px;
}

#footer-pc-box .box-content .content-top .top-left .left-center .center-item .tel2 {
    background: url(../image/tel-icon2.png) no-repeat left center;
    background-size: 20px 20px;
}

#footer-pc-box .box-content .content-top .top-logo {
    width: 100px;
    height: 100px;
}

#footer-pc-box .box-content .content-bot {
    box-sizing: border-box;
    height: calc(100% - 271px);
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-pc-box .box-content .content-bot a {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #999999;
    opacity: 1;
    display: block;
}

#footer-pc-box .box-content .content-bot span {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #999999;
    opacity: 1;
    margin-left: 16px;
    display: block;
}

#footer-pc-box .box-content .top-code {
    display: flex;
    justify-content: space-between;
    width: 346px;
}

#footer-pc-box .box-content .top-code .code-item {
    width: 106px;
    height: auto;
}

#footer-pc-box .box-content .top-code .code-item .item-img {
    width: 106px;
    height: 106px;
    border: 2px solid #A45A2A;
    opacity: 1;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#footer-pc-box .box-content .top-code .code-item .item-img img {
    width: 100%;
    height: 100%;
}

#footer-pc-box .box-content .top-code .code-item .item-text {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
}

#index-swiper {
    width: 100%;
    height: 864px;
    margin-top: 98px;
}

#banner1 .swiper-wrapper .swiper-slide {
    width: 100%;
    height: 864px;
}

#banner1 .swiper-wrapper .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#index-about-box {
    width: 100%;
    background: url(../image/index-about-bg.png) no-repeat center center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0 138px 0 260px;
}

#index-about-box .box-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 100px 0 80px;
}

#index-about-box .box-content .content-right {
    width: 701px;
    height: 394px;
}

#index-about-box .box-content .content-right video {
    width: 100%;
    height: 100%;
}

#index-about-box .box-content .content-left {
    width: calc(100% - 701px);
    box-sizing: border-box;
    padding-right: 64px;
}

#index-title-box {
    width: 100%;
}

#index-title-box .title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 46px;
    opacity: 1;
    margin-bottom: 16px;
    color: #fff;
}

#index-title-box .about {
    color: #A45A2A;
}

#index-title-box .eng-title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
}


#index-title-box .about-eng-title {
    color: #E1E1E1;
}

#index-about-box .box-content .content-left .left-art {
    margin-top: 53px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
    opacity: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 96px;
}

#index-about-box .box-content .content-left .left-art p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
}

#index-about-box .box-content .content-left .left-art p span {
    font-size: 18px !important;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #333333;
}

#index-about-box .box-content .content-left .left-but {
    display: block;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    height: 42px;
    background: #A45A2A;
    opacity: 1;
    border-radius: 21px;
    box-sizing: border-box;
    padding: 0 23px;
    margin-top: 33px;
}

#index-about-box .box-content .content-left .left-but div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

#index-about-box .box-content .content-left .left-but .text {
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 1;
}

#index-about-box .box-content .content-left .left-but img {
    width: 18px;
    height: 18px;
}

#index-about-box .box-content .content-left .left-item-box {
    margin-top: 60px;
    display: flex;
}

#index-about-box .box-content .content-left .left-item-box .item {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#index-about-box .box-content .content-left .left-item-box .item .item-top {
    display: flex;
    align-items: flex-end;
}

#index-about-box .box-content .content-left .left-item-box .item .item-top .money {
    font-size: 48px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 48px;
    color: #A45A2A;
    opacity: 1;
}

#index-about-box .box-content .content-left .left-item-box .item .item-top .text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 16px;
    color: #333333;
    opacity: 1;
    margin-left: 6px;
    white-space: nowrap;
}

#index-about-box .box-content .content-left .left-item-box .item .item-bot {
    margin-top: 16px;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
}

#index-about-box .box-content .content-left .left-item-box .item:nth-child(2) {
    margin: 0 90px 0 90px;
}

#index-product-box {
    width: 100%;
    background: url(../image/index-pro-bg.png) no-repeat center center;
    background-size: 100% 100%;
}

#index-product-box .box-content {
    width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 80px;
}

#index-product-box .box-content .content-list {
    width: 100%;
    display: flex;
    margin-top: 88px;
}

#index-product-box .box-content .content-list .list-item {
    width: calc(100% / 4);
    height: 536px;
    display: block;
}

#index-product-box .box-content .content-list .list-item .block-box {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 50px 26px;
}

#index-product-box .box-content .content-list .list-item .none-box {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 50px 26px;
    background: #A45A2A;
}

#index-product-box .box-content .content-list .list-item .none-box .title {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    opacity: 1;
    position: relative;
    z-index: 1;
}

#index-product-box .box-content .content-list .list-item .none-box .eng-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #fff;
    opacity: 1;
    margin-top: 6px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

#index-product-box .box-content .content-list .list-item .none-box .art {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 23px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    height: 300px;
}

#index-product-box .box-content .content-list .list-item .block-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#index-product-box .box-content .content-list .list-item .block-box .title {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 40px;
    color: #A45A2A;
    opacity: 1;
    position: relative;
    z-index: 1;
}

#index-product-box .box-content .content-list .list-item .block-box .eng-title {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #A45A2A;
    opacity: 1;
    margin-top: 6px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

#index-product-box .box-content .content-list .none-box {
    display: none;
}

#index-title-box {
    position: relative;
}

#index-title-box .more {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 1;
    background: url(../image/right-icon2.png) no-repeat right center;
    background-size: 9px 14px;
}

#index-title-box .more1 {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 5px 20px 5px 5px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
    background: url(../image/right-icon3.png) no-repeat right center;
    background-size: 9px 14px;
}

/* 
#index-product-box .box-content .content-list .item{

} */

#index-cooperation-box {
    width: 100%;
    background: url(../image/index-col-bg.png) no-repeat center center;
    background-size: 100% 100%;
}

#index-cooperation-box .box-content {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 80px 0;
}

#index-cooperation-box .box-content .content-left {
    flex: 1;
    box-sizing: border-box;
    padding-right: 76px;
}

#index-cooperation-box .box-content .content-left .left-art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 32px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 53px;
    height: 96px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#index-cooperation-box .box-content .content-right {
    width: 818px;
    display: flex;
    flex-wrap: wrap;
}

#index-cooperation-box .box-content .content-left .left-but {
    display: block;
    align-items: center;
    justify-content: space-between;
    width: 150px;
    height: 42px;
    background: transparent;
    opacity: 1;
    border-radius: 21px;
    box-sizing: border-box;
    padding: 0 23px;
    margin-top: 33px;
    border: 1px solid #fff;
}

#index-cooperation-box .box-content .content-left .left-but div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

#index-cooperation-box .box-content .content-left .left-but .text {
    display: block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 1;
}

#index-cooperation-box .box-content .content-left .left-but img {
    width: 18px;
    height: 18px;
}

#index-cooperation-box .box-content .content-right .item {
    width: 258px;
    height: 135px;
    margin-right: 22px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

#index-cooperation-box .box-content .content-right .item img {
    object-fit: cover;
}

#index-cooperation-box .box-content .content-right .item:nth-child(3n) {
    margin-right: 0;
}


#index-cooperation-box .box-content .content-right .item:nth-child(7) {
    margin-bottom: 0;
}

#index-cooperation-box .box-content .content-right .item:nth-child(8) {
    margin-bottom: 0;
}

#index-cooperation-box .box-content .content-right .item:nth-child(9) {
    margin-bottom: 0;
}

#index-news-box {
    width: 100%;
    background: url(../image/index-news-bg.png) no-repeat center center;
    background-size: 100% 100%;
}

#index-news-box .box-content {
    width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 80px 0;
}

#index-news-box .box-content .content-list .list-item {
    margin-top: 60px;
    display: flex;
}

#index-news-box .box-content .content-list .list-item .item-img {
    width: 558px;
    height: 298px;
}

#index-news-box .box-content .content-list .list-item .item-art {
    flex: 1;
    box-sizing: border-box;
    padding: 24px 0 24px 40px;
}

#index-news-box .box-content .content-list .list-item .item-art .art-title {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 31px;
    color: #999;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#index-news-box .box-content .content-list .list-item .item-art .time {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    margin-top: 12px;
    color: #999999;
    opacity: 1;
}

#index-news-box .box-content .content-list .list-item .item-art .art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: #999999;
    opacity: 1;
    margin-top: 38px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-bottom: 22px;
    border-bottom: 1px solid #E1E1E1;
    box-sizing: border-box;
}

#index-news-box .box-content .content-list .list-item .item-art .art div {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#index-news-box .box-content .content-list .list-item .item-art .more {
    margin-top: 28px;
    display: flex;
    align-items: center;
}

#index-news-box .box-content .content-list .list-item .item-art .more .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #999999;
    opacity: 1;
    margin-right: 6px;
}

#index-news-box .box-content .content-list .list-item .item-art .more img {
    width: 24px;
    height: 24px;
}

/* 二级导航 */
#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box {
    position: absolute;
    top: 98px;
    left: -240px;
    /* left: -192px; */
    box-sizing: border-box;
    padding: 22px 50px 21px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0px 0px 6px 6px;
    width: 759px;
    height: 146px;
    z-index: 2;
    display: none;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box .box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

#center-ul {
    display: flex;
    flex-wrap: wrap;
    border-right: 1px solid #CCCCCC;
    box-sizing: border-box;
    width: 374px;
}

#center-ul .two-li {
    box-sizing: border-box;
    padding: 4px 30px;
    width: 50%;
}

#center-ul .two-li a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
}


#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box .box-right {
    width: 163px;
    height: 103px;
    margin-left: 30px;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box .box-right img {
    width: 100%;
    height: 100%;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box .box-left {
    display: flex;
    align-items: center;
}

#header-pc-box .box-content .con-nav .nav-one-ul .one-li .two-box .box-left div {
    box-sizing: border-box;
    padding-right: 26px;
    border-right: 1px solid #666666;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 17px;
    color: #333333;
    opacity: 1;
}

/* 二级导航 */

#banner-pc-box {
    height: 400px;
    position: relative;
    margin-top: 98px;
}

#banner-pc-box img {
    height: 100%;
    width: 100%;
}

#banner-pc-box .box-content {
    width: 1400px;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateX(-50%);
}

#banner-pc-box .box-content .title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 36px;
    color: #FFFFFF;
    opacity: 1;
}

#banner-pc-box .box-content .eng-title {
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 16px;
    text-transform: uppercase;
}

#banner-pc-box .box-content .crumbs {
    margin-top: 50px;
    display: flex;
}

#banner-pc-box .box-content .crumbs a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 1;
    display: block;
}

#banner-pc-box .box-content .crumbs span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 1;
    display: block;
    padding: 0 5px;
}

#content {
    margin: 0 auto;
    width: 1400px;
    min-height: calc(100vh - 824px);
    box-sizing: border-box;
    padding: 50px 0;
    /*display: flex;*/
    /*justify-content: space-between;*/
}

#content .con-left {
    width: 250px;
}

/*#content .con-right {*/
/*    width: calc(100% - 250px);*/
/*    box-sizing: border-box;*/
/*    padding-left: 60px;*/
/*}*/

#content .con-left .left-top {
    width: 100%;
    height: 94px;
    background: url(../image/title-bg.png) no-repeat center center;
    background-size: 100% 94px;
    box-sizing: border-box;
    padding: 32px 0 32px 30px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 1;
}

#content .con-left .left-box {
    width: 100%;
    background: #F6F6F6;
    box-sizing: border-box;
    padding: 10px 0 32px;
}

#content .con-left .left-box .li-one {
    box-sizing: border-box;
    margin-top: 10px;
}

#content .con-left .left-box .li-one .li-one-a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 30px;
    line-height: 42px;
    padding-right: 32px;
}

#content .con-left .left-box .li-one .li-one-a .span2 {
    width: 2px;
    height: 12px;
    margin-right: 10px;
    display: block;
}

#content .con-left .left-box .li-one .li-one-a .span1 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 42px;
    color: #333333;
    opacity: 1;
    display: block;
    flex: 1;
}

#content .con-left .left-box .li-one .li-one-a .span3 {
    width: 20px;
    height: 20px;
}

#content .con-left .left-box .active .li-one-a {
    background: #A45A2A;
}

#content .con-left .left-box .active .li-one-a .span1 {
    color: #fff;
}

#content .con-left .left-box .active .li-one-a .span2 img {
    display: block;
}

#content .con-left .left-box .active .li-one-a .span3 img {
    display: block;
}

#content .con-left .left-box .li-one .two-box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
}

#content .con-left .left-box .li-one .two-box p a {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 50px;
    color: #333333;
    opacity: 1;
    display: block;
    width: 100%;
}

#content .con-left .left-box .li-one .two-box .p-act a {
    color: #A45A2A;
}

#content .con-left .left-box .li-one-act .li-one-a {
    background: #A45A2A;
}

#content .con-left .left-box .li-one-act .span1 {
    color: #fff !important;
}

#content .con-left .left-box .li-one .span2 img {
    display: none;
}

#content .con-left .left-box .li-one .span3 img {
    display: none;
}

#content .con-left .left-box .li-one-act .span2 img {
    display: block;
}

#content .con-left .left-box .li-one-act .span3 img {
    display: block;
}

#content .con-right .right-top {
    width: 100%;
}

#content .con-right .right-top .title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 46px;
    color: #A45A2A;
    opacity: 1;
}

#content .con-right .right-top .eng-title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #E1E1E1;
    opacity: 1;
    margin-top: 16px;
    text-transform: uppercase;
}

#content .con-right .right-content {
    width: 100%;
}

#content .con-right .right-content .content-item {
    border-bottom: 1px solid #E1E1E1;
    box-sizing: border-box;
    padding: 60px 0;
}

#content .con-right .right-content .content-item .video {
    width: 100%;
}

#content .con-right .right-content .content-item .video video {
    width: 100%;
}

#content .con-right .right-content .content-item .item-title {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}

#content .con-right .right-content .content-item .item-art {
    margin-top: 50px;
}

#content .con-right .right-content .content-item:last-child {
    border-bottom: none;
}

#list-one {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 0;
}

#list-one .one-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#list-one .one-ul li {
    width: calc((100% - 86px) / 3);
    margin-right: 43px;
    margin-bottom: 24px;
}

#list-one .one-ul li:nth-child(3n) {
    margin-right: 0;
}

#list-one .one-ul li a {
    display: block;
}

#list-one .one-ul li a .img {
    width: 100%;
    height: 336px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 8px;
    /* padding: 30px; */
    box-sizing: border-box;
}

#list-one .one-ul li a .img img {
    max-height: 315px;
}

#list-one .one-ul li a .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
    opacity: 1;
    margin-top: 24px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

#details-box1 {
    width: 100%;
}

#details-box1 .title {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

#details-box1 .jj {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

#details-box1 .jj>div {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
}

#details-box1 .jj .line {
    margin: 0 26px;
    width: 1px;
    height: 15px;
    background: #666666;
}

#details-box1 .art {
    margin-top: 60px;
}

#list-two {
    box-sizing: border-box;
    padding: 50px 0 0;
    width: 100%;
}

#list-two .two-ul {
    width: 100%;
}

#list-two .two-ul li {
    margin-top: 28px;
}

#list-two .two-ul li:first-child {
    margin-top: 0;
}

#list-two .two-ul li a {
    display: block;
}

#list-two .two-ul li a .item {
    width: 100%;
    height: 328px;
    display: flex;
    justify-content: space-between;
}

#list-two .two-ul li a .item .img {
    width: 608px;
    height: 100%;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden;
}

#list-two .two-ul li a .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#list-two .two-ul li a .item .item-art {
    flex: 1;
    box-sizing: border-box;
    padding: 69px 0 64px 90px;
}

#list-two .two-ul li a .item .item-art .name {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 30px;
    color: #333333;
    opacity: 1;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list-two .two-ul li a .item .item-art .art {
    margin-top: 22px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    opacity: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#list-two .two-ul li a .item .item-art .more {
    margin-top: 28px;
    width: 167px;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 8px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 53px;
    color: #333333;
    opacity: 1;
    text-align: center;
    box-sizing: border-box;
}

#list-three {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 0;
}

#list-three .three-ul {
    width: 100%;
}

#list-three .three-ul li {
    height: 123px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
    opacity: 1;
    border-radius: 6px;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 30px;
}

#list-three .three-ul li:first-child {
    margin-top: 0;
}

#list-three .three-ul li a {
    display: block;
}

#list-three .three-ul li a .item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#list-three .three-ul li a .item-top .money {
    width: 200px;
    text-align: right;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 26px;
    color: #333333;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list-three .three-ul li a .item-top .name {
    flex: 1;
    box-sizing: border-box;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: #333333;
    opacity: 1;
}

#list-three .three-ul li a .item-bot {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#list-three .three-ul li a .item-bot .bot-right {
    width: 40%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    color: #666666;
    opacity: 1;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#list-three .three-ul li a .item-bot .bot-left {
    flex: 1;
    box-sizing: border-box;
    padding-right: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

#list-three .three-ul li a .item-bot .bot-left span {
    display: block;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    color: #666666;
    opacity: 1;
}

#list-three .three-ul li a .item-bot .bot-left span.line {
    margin: 0 10px;
    width: 0px;
    height: 12px;
    border: 1px solid #707070;
    opacity: 1;
}

#list-three .three-ul li a .item-bot .bot-left span:last-child {
    display: none;
}

#list-four {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 0;
}

#list-four .four-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#list-four .four-ul li {
    width: calc((100% - 84px) / 3);
    margin-right: 42px;
    margin-bottom: 42px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04);
    opacity: 1;
    border-radius: 6px;
    border: 1px solid transparent;
    box-sizing: border-box;
}

#list-four .four-ul li:nth-child(3n) {
    margin-right: 0;
}

#list-four .four-ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 31px 0 18px;
}

#list-four .four-ul li a img {
    /* width: 154px; */
    width: auto;
    height: 88px;
}

#list-four .four-ul li a .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #A45A2A;
    opacity: 1;
    margin-top: 25px;
}


#list-five {
    box-sizing: border-box;
    padding: 50px 0 0;
    width: 100%;
}

#list-five .five-ul {
    width: 100%;
}

#list-five .five-ul li {
    margin-top: 40px;
}

#list-five .five-ul li:first-child {
    margin-top: 0;
}

#list-five .five-ul li a {
    display: flex;
    justify-content: space-between;
    height: 304px;
}

#list-five .five-ul li a .item-left {
    width: 440px;
    height: 100%;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden;
}

#list-five .five-ul li a .item-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#list-five .five-ul li a .item-right {
    flex: 1;
    box-sizing: border-box;
    padding: 17px 20px 17px 60px;
}

#list-five .five-ul li a .item-right .time {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #999999;
    opacity: 1;
}

#list-five .five-ul li a .item-right .name {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 31px;
    color: #333333;
    opacity: 1;
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list-five .five-ul li a .item-right .art {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333333;
    opacity: 1;
    margin-top: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#list-five .five-ul li a .item-right .more {
    width: 198px;
    height: 59px;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-top: 23px;
    padding: 0 21px 0 30px;
    justify-content: space-between;
}

#list-five .five-ul li a .item-right .more .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 18px;
    color: #333333;
    opacity: 1;
}

#list-five .five-ul li a .item-right .more img {
    width: 19px;
    height: 20px;
}

#list-five .five-ul li a .item-right .more img.img2 {
    display: none;
}

#details-join {
    width: 100%;
}

#details-join .name {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}

#details-join .join-box {
    border-bottom: 1px solid #E1E1E1;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

#details-join .join-box .item {
    box-sizing: border-box;
    padding: 15px 0 25px;
    margin-right: 80px;
    display: flex;
    align-items: center;
}

#details-join .join-box .item .text {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    opacity: 1;
}

#details-join .join-box .item .con {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
}

#list-six {
    box-sizing: border-box;
    padding: 50px 0 0;
    width: 100%;
}

#list-six .six-ul {
    width: 100%;
}

#list-six .six-ul li {
    margin-top: 40px;
}

#list-six .six-ul li:first-child {
    margin-top: 0;
}

#list-six .six-ul li a {
    display: flex;
    height: 456px;
}

#list-six .six-ul li a .item-img {
    width: 322px;
    height: 100%;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden;
}

#list-six .six-ul li a .item-art {
    flex: 1;
    box-sizing: border-box;
    padding: 30px 20px 156px 60px;
}

#list-six .six-ul li a .item-art .time {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #999999;
    opacity: 1;
}

#list-six .six-ul li a .item-art .name {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 31px;
    color: #333333;
    opacity: 1;
    margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#list-six .six-ul li a .item-art .art {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 30px;
    color: #333333;
    opacity: 1;
    margin-top: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#list-six .six-ul li a .item-art .download {
    margin-top: 23px;
    width: 198px;
    height: 59px;
    border: 1px solid #E5E5E5;
    opacity: 1;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 0 30px;
}

#list-six .six-ul li a .item-art .download .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 18px;
    color: #333333;
    opacity: 1;
}

#list-six .six-ul li a .item-art .download img {
    width: 20px;
    height: 20px;
}

#list-six .six-ul li a .item-art .download .img2 {
    display: none;
}

#list-oem {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 0;
}

#list-oem .oem-ul {
    display: flex;
    flex-wrap: wrap;
}

#list-oem .oem-ul li {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 30px;
}

#list-oem .oem-ul li .text {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    opacity: 1;
    /* max-width: 110px; */
    margin-top: 33px;
}

#list-oem .oem-ul li:nth-child(2n-1) img {
    width: 70px;
    height: 70px;
}

#list-oem .oem-ul li:nth-child(2n) {
    margin: 0 20px;
    padding-top: 26.5px;
    box-sizing: border-box;
}

#list-oem .oem-ul li:nth-child(2n) img {
    width: 53px;
    height: 17px;
}

#list-oem .oem-ul li:last-child {
    display: none;
}

#list-path {
    box-sizing: border-box;
    padding: 17px 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#list-path .path-ul {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: -1px;
    flex-direction: column;
}

#list-path .top img {
    width: 36px;
    height: 36px;
}

#list-path .path-ul li {
    display: flex;
}

#list-path .path-ul li:nth-child(2n) {
    flex-direction: row-reverse;
}

#list-path .path-ul li .li-left {
    width: 296px;
    height: 169px;
    opacity: 1;
    border-radius: 8px;
    overflow: hidden;
    margin: 26px 0;
}

#list-path .path-ul li .li-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#list-path .path-ul li .li-center {
    width: 0;
    border: 1px solid #A45A2A;
    opacity: 1;
    box-sizing: border-box;
    height: auto;
    position: relative;
}

#list-path .path-ul li .li-center img {
    width: 24px !important;
    height: 24px;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 24px;
}

#list-path .path-ul li .li-right {
    width: 296px;
    margin: 26px 0;
}

#list-path .path-ul li .li-left-line {
    width: 60px;
    height: auto;
    padding-top: 57px;
}

#list-path .path-ul li .li-left-line .line {
    height: 0px;
    border: 1px solid #A45A2A;
    opacity: 0.5;
    width: 48px;
}

#list-path .path-ul li .li-left-qq {
    width: 60px;
    height: auto;
}

#list-path .path-ul li:nth-child(2n) .li-left-line {
    display: flex;
    justify-content: flex-end;
}

#list-path .path-ul li .li-right .time {
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 52px;
    color: #A45A2A;
    opacity: 1;
}

#list-path .path-ul li .li-right .art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 34px;
    color: #333333;
    opacity: 1;
    margin-top: 12px;
    text-align: justify;
}

#list-business {
    box-sizing: border-box;
    width: 100%;
    padding: 50px 0 0;
}

#list-business .business-ul1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#list-business .business-ul1 li {
    width: calc((100% - 195px) / 4);
    margin-right: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 216px;
}

#list-business .business-ul1 li:last-child {
    margin-right: 0;
}

#list-business .business-ul1 li .name {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 30px;
    color: #343434;
    opacity: 1;
    margin-top: 21px;
}

#list-business .business-ul1 li .art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 34px;
    color: #333333;
    opacity: 1;
    margin-top: 18px;
}

#list-business .business-ul1 li .img {
    width: 216px;
    height: 216px;
    background: rgba(164, 90, 42, 0.3);
    border-radius: 50%;
    position: relative;
}

#list-business .business-ul1 li .img img {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}

#list-business .text {
    padding: 0 48px 0 50px;
    box-sizing: border-box;
    background: #A45A2A;
    opacity: 1;
    border-radius: 6px;
    line-height: 75px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 50px;
}

#list-business .business-ul2 {
    padding-top: 60px;
    box-sizing: border-box;
    width: 100%;
}

#list-business .business-ul2 li {
    margin-top: 50px;
}

#list-business .business-ul2 li:first-child {
    margin-top: 0;
}

#list-business .business-ul2 li .name {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}

#list-business .business-ul2 li .art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    opacity: 1;
    margin-top: 20px;
}

#details-shop {
    width: 100%;
}

#details-shop .title {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}

#shop-swiper {
    margin-top: 50px;
    height: 502px;
}

#details-shop .art-box {
    width: 100%;
    margin-top: 50px;
}

#details-shop .art-box .item {
    box-sizing: border-box;
    padding: 15px 40px;
    background: #F6F6F6;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    opacity: 1;
    margin-top: 20px;
}

#details-shop .art-box .item:first-child {
    margin-top: 0;
}

#message-but {
    width: 472px;
    height: 50px;
    background: #A45A2A;
    opacity: 1;
    border-radius: 0px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 50px;
    color: #FFFFFF;
    cursor: pointer;
}

#details-shop .line {
    height: 0px;
    border: 1px solid #E1E1E1;
    opacity: 1;
    width: 100%;
    margin-top: 60px;
}

#relation-box {
    margin-top: 65px;
}

#relation-box .text {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 31px;
    color: #333333;
    opacity: 1;
}

#relation-box .box-content {
    width: 100%;
    display: flex;
    margin-top: 40px;
}


#relation-box .box-content .item {
    width: calc((100% - 45px) / 4);
    height: 266px;
    margin-right: 15px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#relation-box .box-content .item:last-child {
    margin-right: 0;
}

#relation-box .box-content .item img {
    object-fit: cover;
}

#mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(51, 51, 51, 0.5);
    z-index: 100;
    display: none;
}

#frame {
    width: 375px;
    height: 569px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 1;
    border-radius: 6px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 101;
    box-sizing: border-box;
    padding: 12px 14px 22px 34px;
    display: none;
    top: 25%;
}

#frame .close {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 21px;
}

#frame .close-but {
    padding: 5px;
    box-sizing: border-box;
    height: 21px;
    cursor: pointer;
}

#frame .close-but img {
    width: 11px;
    height: 11px;
}

#frame .con {
    box-sizing: border-box;
    width: 100%;
    padding: 7px 20px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#frame .con .title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.85);
    opacity: 1;
}

#frame .con .con-box {
    width: 100%;
    box-sizing: border-box;
    padding-top: 30px;
}

input {
    background: none;
    outline: none;
    border: none;
    padding: 0 !important;
}

input:focus {
    border: none;
}

#frame .con .con-box .item {
    box-sizing: border-box;
    padding: 15px 0;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
}

#frame .con .con-box .item input {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #999999;
    opacity: 1;
    width: 100%;
}

#frame .con .con-box .text {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #999999;
    opacity: 1;
    margin-top: 20px;
}

textarea {
    resize: none;
    outline: none;
}

#frame .con .con-box textarea {
    height: 146px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    opacity: 1;
    border-radius: 6px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 11px;
    padding: 24px 16px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #999;
    opacity: 1;
}

#frame .con .con-box .but {
    height: 40px;
    width: 100%;
    background: #A45A2A;
    opacity: 1;
    border-radius: 6px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 40px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

#demo1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
}

#ban_pic1 {
    box-sizing: border-box;
    width: 815px;
    height: 502px;
    position: relative;
    overflow: hidden;
}

#demo1 .min_pic {
    width: 256px;
}

#ban_pic1 ul {
    position: relative;
    top: 0;
}

#ban_pic1 ul li {
    width: 815px;
    height: 502px;
    float: left;
    border-radius: 8px;
}

#ban_pic1 ul li a {
    display: flex;
    width: 100% !important;
    height: 100% !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

#ban_pic1 ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ban_num1 {
    height: 100%;
}

#ban_num1 ul {
    width: 100% !important;
    height: 100% !important;
    overflow-y: auto;
}

#ban_num1 ul li {
    height: 155px !important;
    opacity: 1;
    border-radius: 8px;
    width: 100% !important;
    overflow: hidden;
    margin-top: 18px;
}

#ban_num1 ul li a {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#ban_num1 ul li a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#ban_num1 ul li:first-child {
    margin-top: 0;
}

#ban_num1 ul {
    overflow: -moz-scrollbars-none;
}

#ban_num1 ul::-webkit-scrollbar {
    width: 0 !important
}

#ban_num1 ul {
    -ms-overflow-style: none;
}

#page {
    text-align: center;
}

.pagination {
    height: auto !important;
    padding: 50px 0 0 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination p.pageRemark {
    display: none;
}

.pagination p {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 10px !important;
    background: #FFFFFF !important;
    opacity: 1;
    border-radius: 6px !important;
    box-sizing: border-box;
    font-size: 14px !important;
    border: 1px solid #E1E1E1 !important;
    color: rgba(0, 0, 0, 0.65) !important;
    min-width: 44px !important;
    text-align: center !important;
    margin-bottom: 8px;
}

.pagination a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 10px !important;
    background: #FFFFFF !important;
    opacity: 1;
    border-radius: 6px !important;
    box-sizing: border-box;
    font-size: 14px !important;
    border: 1px solid #E1E1E1 !important;
    color: rgba(0, 0, 0, 0.65) !important;
    min-width: 44px !important;
    text-align: center !important;
    margin-bottom: 8px;
}

.pagination a.cur {
    border: 1px solid #A45A2A !important;
    color: #A45A2A !important;
}

#prevAndnext {
    margin-top: 50px;
}

#prevAndnext .next {
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
}

#prevAndnext .prev {
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
}

#prevAndnext span {
    display: block;
    color: #000;
    float: left;
}

#prevAndnext a {
    display: block;
    width: 70%;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 28px;
    float: left;
}

#product-details {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0 0;
}

#product-details .art {
    margin-top: 35px;
}

#product-details .item {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    min-height: 319px;
}

#product-details .item:first-child {
    margin-top: 0;
}

#product-details .item .img-box {
    width: 498px;
    position: relative;
}

#product-details .item .img-box .img1 {
    width: 438px;
    height: 279px;
    opacity: 0.3;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

#product-details .item .img-box .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product-details .item .img-box .img2 {
    width: 438px;
    height: 279px;
    opacity: 1;
    border-radius: 8px;
    position: absolute;
    top: 40px;
    left: 60px;
    overflow: hidden;
}

#product-details .item:nth-child(2n) {
    flex-direction: row-reverse;
}

#product-details .item .img-box .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product-details .item .art-box {
    flex: 1;
    box-sizing: border-box;
    padding-left: 60px;
    padding-top: 44px;
}

#product-details .item .art-box .title {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}

#product-details .item .art-box .art {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: #333333;
    opacity: 1;
    margin-top: 36px;
}

#product-details .item:nth-child(2n) .art-box {
    padding-left: 0;
    padding-right: 60px;
}

#product-details .item .art {
    box-sizing: border-box;
    padding: 60px 0 0;
}

#details-join .art {
    box-sizing: border-box;
    padding-top: 50px;
}

#list-six .six-ul li a .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner2 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#banner2 .swiper-wrapper {
    width: 100%;
}

#banner2 .swiper-wrapper .swiper-slide {
    width: 350px;
}

#banner2 .swiper-wrapper .swiper-slide .list-item {
    width: 100% !important;
}

#banner2 .swiper-button-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    z-index: 99;
    cursor: pointer;
}

#banner2 .swiper-button-next {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    z-index: 99;
    cursor: pointer;
}